<template>
  <view>
    <view class="sand-content">
      <view class="ques-success">
        <view>
          <view class="icon">
            <icon type="success" size="35" />
          </view>
          <view class="text">成功提交</view>
        </view>
      </view>
      <view class="info-content">
        <view class="info-main">
          <view class="uni-form-item uni-column">
            <view class="item-content">
              <view class="box-left-icon">
                <text class="iconfont icon-bitian icon1"></text>
              </view>
              <view class="title item-content-title">姓名</view>
              <view class="item-content-input">
                <view class="uni-input">
                  {{ DetailData.name }}
                </view>
              </view>
            </view>
          </view>
          <view class="uni-form-item uni-column">
            <view class="item-content">
              <view class="box-left-icon">
                <text class="iconfont icon-bitian icon1"></text>
              </view>
              <view class="title item-content-title">温度</view>
              <view class="item-content-input">
                <view class="uni-input">
                  {{ DetailData.tem }}
                </view>
              </view>
            </view>
          </view>
          <view class="uni-form-item uni-column">
            <view class="item-content">
              <view class="box-left-icon">
                <text class="iconfont icon-bitian icon1"></text>
              </view>
              <view class="title item-content-title">电话</view>
              <view class="item-content-input">
                <view class="uni-input">
                  {{ DetailData.phone }}
                </view>
              </view>
            </view>
          </view>
          <view class="uni-form-item uni-column">
            <view class="item-content">
              <view class="box-left-icon">
                <text class="iconfont icon-bitian icon1"></text>
              </view>
              <view class="title item-content-title">出入地点</view>
              <view class="item-content-input">
                <view class="uni-input">
                  {{ DetailData.address }}
                </view>
              </view>
            </view>
          </view>
          <view class="uni-form-item uni-column" id="uni-column-last">
            <view class="item-content">
              <view class="box-left-icon">
                <text class="iconfont icon-bitian icon1"></text>
              </view>
              <view class="title item-content-title">出入形式</view>
              <view class="item-content-input">
                <view class="uni-input">
                  {{ DetailData.state }}
                </view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      show: true,
      DetailData: {},
    };
  },
  onLoad(option) {
    this.DetailData = JSON.parse(decodeURIComponent(option.editItem));
    this.DetailData = JSON.parse(
      JSON.stringify(this.DetailData).replace(/arrive_time/g, "time")
    );
    this.DetailData = JSON.parse(
      JSON.stringify(this.DetailData).replace(/dest/g, "address")
    );
    this.DetailData = JSON.parse(
      JSON.stringify(this.DetailData).replace(/now_address/g, "address")
    );
    console.log(this.DetailData);
    // this.initDate();
  },
  //自定义返回
  onUnload() {
    uni.switchTab({
      url: "/pages/home/homeIndex",
    });
    console.log("fanhui ");
    return true;
  },
  methods: {},
};
</script>

<style lang="scss">
@import "@/static/styles/mixin.scss";
.sand-content {
  height: 100vh;
  background-color: $uni-color-indexBg;
  .ques-success {
    margin: 0 15rpx;
    // width: 100%;
    height: 255rpx;
    // line-height: 255rpx;
    box-sizing: border-box;
    // @include center;
    @include center;
    padding-top: 2%;
    background-color: $uni-color-mainBg;
    .icon {
      @include center;
    }
    .text {
      @include center;
      padding-top: 10rpx;
    }
  }
}
.info-content {
  margin: 0 15rpx;
  padding-top: 10px;
  // background-color: $uni-color-mainBg;
  .info-main {
    padding: 0 15rpx;
    padding-bottom: 30rpx;
    background-color: $uni-color-mainBg;
    box-sizing: border-box;
    border-radius: 5px;
    .uni-column {
      border-bottom: 1rpx solid #d8d8de;
      // border-bottom: 1rpx solid #0a0a3d;
      padding: 12rpx 0;

      .uni-label-pointer {
        font-size: 28rpx;
        .uni-checkbox-input {
          width: 20px;
          height: 20px;
        }
      }
      .title {
        // font-size: 55rpx;
        font-size: 30rpx;
        padding: 0 0 15rpx 0;
      }
      .item-content {
        display: flex;
        align-items: center;
        .title {
          // font-size: 55rpx;
          font-size: 30rpx;
          padding: 20rpx 0;
        }

        .item-content-input {
          position: absolute;
          left: 340rpx;
          .uni-input {
            // padding-left: 40rpx;
            font-size: 30rpx;
            color: #333;
          }
        }
      }

      // .title {
      //   padding: 30rpx 0;
      // }
    }
    #uni-column-last {
      // border-bottom: 1rpx solid #3d0a0a;
      // margin-bottom: 30rpx;
      // border: none;
    }
  }
  .info-step {
    // margin-top: 20%;
    width: 100%;
    padding: 30rpx 0;
    box-sizing: border-box;
    // marggn-top: 100rpx;
    // background-color: $uni-color-mainBg;
    .uni-steps {
      // height: 200rpx;
      background-color: $uni-color-mainBg;
      active-color: $uni-color-primary;
      // transform: scale(1.1);
      padding: 60rpx 0;

      box-sizing: border-box;
      // @include center;
      // font-size:80rpx;
    }
  }
  .info-step-test {
    background-color: $uni-color-mainBg;
    padding: 0 0 20rpx 0;
    @include center;
    color: $uni-color-warning;
  }
}
</style>
